const prod = require('./webpack.prod')
const { resolve } = require('path')
module.exports = {
  ...prod,
  mode: 'development',
  devServer: {
    static: {
      directory: resolve(__dirname, '../build'), //基于打包后的文件夹作为静态资源服务器的根目录
    },
    port: 9000, //设置端口号
    open: true, //自动打开浏览器
    historyApiFallback: true, //告诉服务器,不管请求服务器的路径是什么,一律返回index.html(一律按照路径为/处理)

    // 开启开发服务器的代理功能
    proxy: {
      // /xxx的作用: 如果请求9000服务器的路径开头是以/xxx开头,则表示这个请求要转发给目标服务器,如果不是以/xxx开头表示请求不需要转发
      '/api': {
        // 目标服务器的协议域名和端口号
        target: 'http://localhost:5000',
        // 告诉代理服务器,给5000转发请求的时候把/api去掉
        pathRewrite: { '^/api': '' }, //将url中/api替换掉
      },
    },
  },
}
